.detect-detail {
	.head {
		display: flex;
		align-items: center;
		padding: 1rem;
		border-bottom: 1px solid var(--color-border-2);

		.btn-container {
			display: flex;
			flex: 1;
			align-items: center;
			justify-content: flex-end;
			overflow: visible !important;

			.spe-btn {
				padding: 0.5rem 1.25rem;
				font-size: var(--text-sm);
				border: 1px solid var(--color-border-2);
				cursor: pointer;
			}

			.spe-btn:first-child {
				border-right: none;
			}

			.spe-btn:hover,
			.active {
				color: var(--color-5);
				background-color: var(--color-bg-3);
			}

			.disable-btn {
				padding: 0.5rem 1.25rem;
				font-size: var(--text-sm);
				background-color: var(--color-bg-2);
				border: 1px solid var(--color-border-2);
			}

			.date-range {
				margin-left: 1rem;
			}
		}

		/* .btn-container {
			display: flex;
			flex: 1;
			justify-content: flex-end;
			.spe-btn {
				height: 2rem;
				margin-right: 0.5rem;
				padding: 0 1rem;
				line-height: 2rem;
				border: 1px solid var(--color-border-2);
				border-radius: 2rem;
				cursor: pointer;
			}

			.spe-btn:hover,
			.active {
				color: var(--color-text-9);
				background-color: var(--color-5);
			}

			.disable-btn {
				height: 2rem;
				margin-right: 0.5rem;
				padding: 0 1rem;
				line-height: 2rem;
				background-color: var(--color-bg-2);
				border: 1px solid var(--color-border-2);
				border-radius: 2rem;
			}
		} */
	}

	.content {
		padding: 2.5rem 1rem;
	}
	.date {
		font-size: var(--text-xs);
		color: var(--color-text-2);
		margin-left: 0.75rem;
	}
}
